<script setup lang='ts'>
import { onMounted, ref } from 'vue';

   const aDom = ref(null) // 1.建立ref对象
   const bDom = ref(null) // 1.建立ref对象
   onMounted(() => {
    // console.log(aDom.value)
    if(aDom.value) {
        const dom = aDom.value as HTMLAnchorElement
        dom.href = "https://www.qq.com"
    }
    if(bDom.value) {
      const dom = bDom.value as HTMLButtonElement
      dom.onclick = () => {
        alert("这是脱裤子放屁的一种写法")
      }
    }
   })
</script>
       
<template>
      <h1>获取a标签的dom对象</h1> 
      <a ref="aDom" href="https://www.baidu.com">百度</a>
      <button ref="bDom" >button的按钮</button>
</template>
       
<style scoped>
       
</style>

